const path = require('path') //这是引用 node 里的一个包,它会提供一些函数

module.exports = {
    entry: './src/main.js', //入口文件配置
    output: {
        path: path.resolve(__dirname, 'dist'), //打包的路径
        filename: 'bundle.js', //打包的文件名
        publicPath: 'dist/' //会在 url 前面加上一个路径
    },
    module: {
        rules: [{
                test: /\.css$/i,
                use: ["style-loader", "css-loader"],
            },
            {
                test: /\.(png|jpg|gif|jpeg)$/i,
                use: [{
                    loader: 'url-loader',
                    options: {
                        /**
                         * 当加载的图片,小于 limit 时,会将图片编译成 base64 字符串形式;
                         * 当加载的图片,大于 limit 时,需要安装 file-loader 模块进行加载,它会将图片进行打包到 dist 文件夹下
                         */
                        limit: 8142, //单位是字节,8kb
                        /**
                         * img:文件要打包到的文件夹(在 dist 目录下);
                         * name: 获取图片原本的名字;
                         * hash:8:为了防止图片名称冲突,依然使用 hash,但是我们只保留8位;
                         * ext: 使用图片原来的扩展名.
                         */
                        name: 'img/[name].[hash:8].[ext]'
                    },
                }],
            },
        ],
    },
}